﻿body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 84%;
}

.right {
	float:right;
}

.left {
	float:left;
}

.conColumn {
	width: 79%;
	position: absolute;
	left: 21%;
}

h1, h2, h3, h4, h5 {
	margin: 0px;
}

img.infoTooltip {
	margin-bottom: -5px;
	margin-right: 2px;
}

.conColumn > div {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.conColumn > div > h1 {
	padding-right: 24px;
	border-bottom: 1px solid #eeeeee;
	color: #53637d;
	font-size: 200%;
	font-weight: normal;
	margin: 0;
	padding-bottom: 5px;
	text-shadow: white 0 1px 2px;
	margin-bottom: 20px;
}

.conColumn > div > div.formPiece {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
}


.conColumn > div > div.formPiece > div:first-child {
	width: 120px;
	float: left;
}

.conColumn > div > div.formPiece > div:first-child > h3 {
	font-size: 105%;
	font-weight: bold;
}

.conColumn > div > div.formPiece > div:last-child {
	float: left;
}

.navColumn {
	background-color: #eaeef3;
	
	border-right: 1px solid #c6c9ce;
	background: -webkit-linear-gradient(rgba(234, 238, 243, 0.2), #eaeef3 ),
		-webkit-linear-gradient(left, #eaeef3, #eaeef3 97%, #d3d7db);
	background: -moz-linear-gradient(rgba(234, 238, 243, 0.2), #eaeef3 ),
		-moz-linear-gradient(left, #eaeef3, #eaeef3 97%, #d3d7db);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#eaeef3', endColorstr = '#d3d7db' );
	bottom: 0;
	left: 0;
	position: fixed;
	top: 0;
	width: 21%;
}

.navColumn>div {
	padding: 10px;
}

.navColumn>div>h1 {
	padding-left: 10px;
	padding-right: 10px;
	color: #53637D;
	cursor: pointer;
	font-size: 200%;
	font-weight: normal;
	margin: 0;
	text-align: right;
	text-shadow: white 0 1px 2px;
}

.navColumn>div>ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 10px;
	text-align: right;
}

.navColumn>div>ul>li {

	background-color: transparent;

		color: #426dc9;
	cursor: pointer;
	display: block;
	font-size: 105%;
	outline: none;
	padding: 7px 0;
	text-align: right;
	text-shadow: white 0 1px 1px;
	padding-right: 24px;
}

.navColumn>div>ul>li.selected {
	color: black;
	text-shadow : #bbcee9 0
	1px 1px;
	
	background-color: #bbcee9;
	border-bottom: 1px solid #8faad9;
	border-top: 1px solid #8faad9;
}

label {
	display:inline-block;
	margin:0;
	vertical-align: middle;
	width: 140px;
}

/* BUTTON */
button,input[type=submit] {
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-user-select: none;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	margin:2px 0 2px 0;
	background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	background: -moz-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	border: 1px solid #aaa;
	color: #444;
	font-size: inherit;
	margin-bottom: 0px;
	min-width: 4em;
	padding: 3px 22px 3px 22px;
	float: right;
}

button::-moz-focus-inner { border: 0; }

button:hover,input[type=submit]:hover {
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	background: #ebebeb
		-webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
	background: #ebebeb -moz-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
	border-color: #999;
	color: #222;
}

button:active,input[type=submit]:active {
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	background: #ebebeb
		-webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
	
	background: #ebebeb
		-moz-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
	color: #333;
}

button[disabled],input[type=submit][disabled],button[disabled]:hover,input[type=submit][disabled]:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	background: -moz-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	border-color: #aaa;
	color: #888;
	background-image: url('../img/activity indicator.gif');
	background-repeat:no-repeat;
	background-position:right center;
}

input[type=password],input[type=text],input[type=url] {
	border: 1px solid #aaa;
	font-size: inherit;
	padding: 3px;
	margin:2px 0 2px 0;

}

input[type=text] {
	width: 300px;
}

/* Tool tips */
#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	opacity: 0.95;
	background-color:#e6eef3;
	border:#AAC6E8 solid 1px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#tooltip h3, #tooltip div { margin: 0; }

.tooltip {
	vertical-align:middle;
	padding-right:4px;
}

.infobox {
	display:inline-block;
	padding:12px 2% 12px 12%;
	width:86%;
	background-repeat:no-repeat;
	background-position:5px center;
	font-size:90%;
	font-weight:bold;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.infobox_warning {
	background-color:#FFFFBB;
	background-image:url('../img/warning_32.png');
	border:1px #FFAA55 solid;
}

.infobox_info {
	background-color:#e6eef3;
	background-image:url('../img/info_32.png');
	border:#AAC6E8 solid 1px
}

div.formPiece > h3 {
	font-size: 105%;
}

div .SelectRow {
	padding:10px 10px 10px 10px;
	float: left;
	max-width: 350px;
}

div .SelectRow:hover {
	background-color:#BBCEE9;
}

.SelectRow>img {
	float:left;
	padding-right:10px;
	vertical-align:middle;
}

.SelectRow>h4 {
	display:inline;
}

.SelectRow>div {
	display:block;
	width:390px;
}

.clickme {
	cursor:pointer;
}

.overlay {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  background: -webkit-radial-gradient(rgba(127, 127, 127, 0.2),
                                      rgba(127, 127, 127, 0.2) 35%,
                                      rgba(0, 0, 0, 0.3));
  bottom: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
  padding:20px 0 20px 0;
  left:21%;
  overflow:auto;
}

.overlay .page {
  -webkit-box-shadow: 0px 0px 80px #505050;
  background: white;
  border: 1px solid rgb(188, 193, 208);
  border-radius: 2px;
  width: 700px;
  position: absolute;
  left: 5%;
  margin-top: 30px;

  -webkit-border-radius: 8px;

  padding: 15px;
}

.overlay .page h1 {
	font-size: 120%;
}

.hidden {
	display:none;
}

.exitbutton {
	background-image:url('../img/exitbutton.png');
	background-repeat:no-repeat;
	float:right;
	width:16px;
	height:16px;
}

.exitbutton:hover {
	background-image:url('../img/exitbuttonhover.png');
}

.exitbutton:active {
	background-image:url('../img/exitbuttonclick.png');
}

.ImagePreview {
	float:right;
	padding:10px 10px 10px 0;
	width:310px;
	height:210px;
}
